Vue.component('home2',{
  props: ['txt1', 'txt2', 'txt3', 'txt4', 'txt5'],
	template:`
  <div :style="{backgroundImage: 'url(' + txt1 + ')'}" style=";width: 100%;height: 100%;background-repeat: round;display: flex;align-items: flex-end;justify-content: center;">
  <div style="">
    <div style="display: flex;justify-content: center;align-items: center;">
          <img style="height: 871px;" :src="txt2" alt="">
          <div style="    display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;margin-left: 100px;">
              <div style="font-weight: 600;
              color: #FFFFFF;
              line-height: 80px;">
              {{ txt3 }}
              </div>
              <div style="font-weight: 600;
              color: #FFFFFF;
              line-height: 49px;font-size: 23px;">
              {{ txt4 }}
              </div>

              <div style="font-weight: 600;
              color: #FFFFFF;
              line-height: 49px;font-size: 17px;">
              {{ txt5 }}
              </div>

              
              
          </div>
      </div>
  </div>  
  </div>
  
        `
});